{% extends "tpls/layout.html" %}

{% block title %}{{ result.title }}{% endblock %}

{% block style %}
<!-- inject:css -->
<link rel="stylesheet" href="/dist/styles/build/menu_detail.min.1476270773013.css"/>
<!-- endinject -->
{% endblock %}
{% block content %}
<div style="margin:0 auto;width:0;height:0;overflow:hidden;">
	<img src="/icons/share.jpg" width=400>
</div>

<div class='page-menu-detail'>
	<input type="hidden" id="summary" value="{{ result.summary }}"/>
	<img class="img" src='{{ result.thumbnail }}'/>
	<div class="content">
		<h1 class="title">
			{{ result.title }}
		</h1>
		<div class="info">
			<div class="love">
				<i class="icon icon-collection"></i>
				<div class="num">{{ result.praiseCount }}</div>
				点赞
			</div>
			<div class="visible">
				<i class="icon icon-visible"></i>
				<div class="num">{{ result.viewCount }}</div>
				查看
			</div>
		</div>
		<div class="des">

		</div>
		<div class="collect">
			<div class="like">点赞</div>
			<div class="join">扔进菜篮</div>
		</div>
		<div class="material">
			<h1 class="title">
				主料
			</h1>
			<ul class="items">
				{% for o in result.mainArray %}
				<li class="item">{{ o }}</li>
				{% endfor %}
			</ul>
			<h1 class="title">
				辅料
			</h1>
			<ul class="items">
				{% for o in result.assistArray %}
				<li class="item">{{ o }}</li>
				{% endfor %}
			</ul>
		</div>

		<div class="pcontent">
			{{ result.content | raw }}
		</div>
	</div>
</div>

{% endblock %}

{% block script %}
<script>

	$(function(){
		var el = $('.nav li');
		el.removeClass('current');
		el.eq(2).addClass('current');
	});

	window.menuId = '{{ result.id }}';
	window.menuName = '{{ result.title }}';
	window.mainStaff = '{{ result.main }}';
	window.assistStaff = '{{ result.assist }}';
</script>
<!-- inject:js -->
<script src="/dist/scripts/build/menu_detail.min.1476270773013.js"></script>
<!-- endinject -->
{% endblock %}
